﻿

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tuan Anh IT</title>
<link rel="stylesheet" type="text/css" href="../css/style_giaoDien.css">

<style>

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
body {
    background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear { width: 100%; height: 0; padding:  0; margin:  0; font-size: 0;}

@font-face {
	font-family: 'one';
	src: url('../font/qlassikbold_tb-webfont.woff');
	src: url('../font/qlassikbold_tb-webfont.woff?#iefix') format('embedded-opentype'),
	     url('../font/qlassikbold_tb-webfont.woff') format('woff')
	}


#prefix_wrapper { width: 100%;
                  height: auto;
                    overflow: hidden;
                    background: #eeb91f;
                    margin:  0 auto;}
#main { width: 500px;height: auto;overflow: hidden; margin:  0 auto; margin-top: 100px;}

header  { width: 100%; height: auto; overflow:  hidden; margin:  0 auto;}

table { margin: 0 auto; color: #ffffff; }
table input { color: #ffffff; border: 0px solid #ffffff;}
main { width: 100%;height: auto; margin:  0 auto; }
#main section { width: 100%; height: auto ; overflow:  hidden; margin:  0 auto; }
section h1 {font-feature-settings: normal; font-size: 40px;text-align: center;}
section h4 { font-family: Helvetica Neue, Helvetica ; font-size: 14px;text-align: center; }

footer { width: 100%; height: 1000px; margin:  0 auto; background: #68b2b1;}
/*            -webkit-transform: rotate(-10deg); 
-moz-transform: rotate(-1deg);	}*/
nav { width: 500px; height: 50px; margin:  0 auto;}
#s { margin:  0; padding: 0; }
#s li { float:  left; list-style:  none;}
#s li a{ width: 50px; padding: 9px; text-align: center; text-decoration: none; text-transform:capitalize; display: block;
      color: #ffffff;
        font-family: Helvetica Neue, Helvetica}
#s li a:hover { color: #999999;}
#s li img { margin-top: 5px}

#iput_search {    width: 200px; height: 25px;border:  0px solid #33ff99;}
#input_submit_1 {  width: 70px; height: 30px;  border: 2px solid #ffffff;  border-radius: 5px;
                   background-color: rgba(238,185,31,0.4);}
#input_submit_2 {width: 110px; height: 30px; border: 2px solid #ffffff;  border-radius: 5px;  background-color: rgba(238,185,31,0.4);}
</style>

</head>

<body>
    <div id="prefix_wrapper">
        <div id="main">
                    
            <header>
                <form>
                        <table>
                           
                            <tr> 
                                <td><input id="iput_search" type="search" name="search"/>
                                </td><tr>
                   <tr> 
                       <td><input id="input_submit_1" type="submit" name="submit" value="Search" />
                           
                      <input type="submit" name="submit" id="input_submit_2" value="I'm feeling lucky"/>
                       </td>
                   </tr>  
                        </table>
                </form>
            </header>
           
            
           
                <section>
                    <h1>
                       hello Zend Framework
                    </h1>
                    
                    <h4> & Share new skills</h4>
                
                </section>
   
        </div>
         <footer>
             <nav>
                 <ul id="s">
                     <li><a href="giaoDien.php">home </a><li><img src="../img/align-top-edges.png"/></li></li>
                     <li><a href="#">google</a><li> <img src="../img/anchor.png"/></li></li>
                     <li><a href="#">youtube</a><li><img src="../img/bin.png"/></li></li>
                      <li><a href="#">face</a><li><img src="../img/clock.png"/></li>
                    
                 </ul>
             </nav>
             
         </footer>
    </div><!-- the end wrapper-->  
</body>
</html>
